<template>
  <div>
    <img loading="lazy" src="../../assets/imgs/icon8.jpg" alt="" />
    <img loading="lazy" src="../../assets/imgs/author.jpg" alt="" />
    <img loading="lazy" src="../../assets/imgs/j1.png" alt="" />
    <img loading="lazy" src="../../assets/imgs/j2.png" alt="" />
    <img loading="lazy" src="../../assets/imgs/q2.png" alt="" />
    <img loading="lazy" src="../../assets/logo.png" alt="" />
  </div>
</template>

<script setup lang="ts">
var isSupportLoading = 'loading' in document.createElement('img')
console.log(isSupportLoading, 'isSupportLoading')
</script>

<style scoped>
img {
  width: 300px;
  height: 300px;
}
.item-img {
  margin-top: 20px;
}
</style>
